<%-- 
    Document   : index
    Created on : 12 mai 2011, 12:02:01
    Author     : Nishruu
--%>
        

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<script type="text/javascript" src="js/styleswitcher.js"></script>
	<link rel="stylesheet" type="text/css" href="css/style.css" title="style" />
	<link rel="alternate stylesheet" type="text/css" href="css/style_noir.css"title="style_noir" />
	<title>GTE - Gestion Tuteurs Etudiants - Accueil</title>
	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
	<script type="text/javascript">
		google.load('visualization', '1', {packages: ['geomap']});

		function drawVisualization() {
		  var data = new google.visualization.DataTable();
		  data.addRows(7);
		  data.addColumn('string', 'Country');
		  data.addColumn('number', 'Popularité');
		  data.setValue(0, 0, 'Germany');
		  data.setValue(0, 1, 200);
		  data.setValue(1, 0, 'United States');
		  data.setValue(1, 1, 300);
		  data.setValue(2, 0, 'Brazil');
		  data.setValue(2, 1, 400);
		  data.setValue(3, 0, 'Canada');
		  data.setValue(3, 1, 500);
		  data.setValue(4, 0, 'France');
		  data.setValue(4, 1, 600);
		  data.setValue(5, 0, 'RU');
		  data.setValue(5, 1, 700);
		  data.setValue(5, 0, 'Australia');
		  data.setValue(5, 1, 300);


		  var options = {};
		  options['colors'] = [0xBFF3FE, 0x80E8FE, 0x00CAF9]; //orange colors
		  options['width']=[930];
		  options['height']=[500];

		  var geomap = new google.visualization.GeoMap(
			  document.getElementById('visualization'));
		  geomap.draw(data, options);
		}

		google.setOnLoadCallback(drawVisualization);
  </script>

	<!--[if lt IE 9]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> <![endif]-->
</head>
<body>
	<div id="content">
		<p id="top">Vous êtes loggé en tant que : Michel Plasse <a href="#" id="deconnexion">Déconnexion</a></p>
		<div id="logo">
			<h1><a href="index.html"></a></h1>
		</div>
		<ul id="navigation">
			<li><a href="index.html">Accueil</a></li>
			<li><a href="profil.html">Profil</a></li>
			<li class="current"><a href="maps.html">Maps</a></li>
			<li><a href="stats.html">Stats</a></li>
			<li><a href="#">Contact</a></li>
		</ul>
		<div class="ligne"></div>
		<div class="intitule int_index">
			<h1>Carte<br /></h1>
			<h2>Vous pouvez visualiser la popularité de ZZZ sur la carte ci-dessous<br /></h2>
		</div>

		<div class="colonne carte">
			<h3>Carte Mondiale de la popularité</h3>
                        <p>

                          <br><br>

                            <c:if test="${listeartistes!=null}">
                                    <c:forEach items="${listeartistes}" var="it">
                                        <c:out value="${it}"/>
                                    </c:forEach>
                            </c:if>
                           <c:if test="${listesemaines!=null}">
                               <c:forEach items="${listesemaines}" var="it">
                                        a<c:out value="${it[0]}"/>
                                        b<c:out value="${it[1]}"/><br/>
                               </c:forEach>
                            </c:if>
                            <c:if test="${popularite!=null}">
                                Popularite <c:out value="${popularite}"/>
                            </c:if>
                            <c:if test="${listevilles!=null}">
                                <ul>
                                    <c:forEach items="${listevilles}" var="it">
                                        <li>
                                            <c:out value="${it.key}"/>
                                            <ul>
                                                <c:forEach items="${it.value}" var="it2">
                                                    <li>
                                                        <c:out value="${it2}"/>
                                                    </li>
                                                </c:forEach>
                                            </ul>
                                        </li>
                                    </c:forEach>
                                </ul>
                            </c:if>

                            <br><br>

                            <a href="init.html?action=getGroupes">Lien</a>
                            <a href="init.html?action=getVilles">Villes</a>
                            <a href="init.html?action=getSemaines">Semaines</a>
                            <a href="init.html?action=getPopularite&nomgroupe=Muse&ville=Paris&pays=France">Popularite</a>
                            <br>
			<div id="visualization" style="width: 930px; height: 500px;"></div>
                        </p>
		</div>

		<div class="ligne"></div>
		<div class="gauche">
			<h4>Dernières nouvelles</h4>
			<p><em>Laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</em></p>
		</div>
		<div class="droite">
			<h5>04 / 2011</h5>
			<p><em>Version finale.</em></p>
			<h5>03 / 2011</h5>
			<p><em>Mise à jour importante.</em></p>
			<h5>02 / 2011</h5>
			<p><em>Hello World !<br /> Première ébauche de l'application.</em></p>
		</div>
		<div id="pied">
			<p><img src="images/copyleft.png" alt="Copyleft"/> Copyleft 2011 Projet GTE &minus; Etudiants: Flaux Valentin, Mulloni Thibault</p>
			<p><a href="http://www.univ-paris5.fr/" target="_blank"><img src="images/logo_descartes_2.png" border="0" alt="logo_descartes"></img></a>  
			   <a href="http://miage.math-info.univ-paris5.fr/" target="_blank"><img src="images/logo_miage.png" border="0" alt="logo_miage"></img> </a>
			</p>
		</div>
	</div>
</body>
</html>